import React, { Component, Fragment } from 'react';
import { Card, Carousel  } from 'antd';

import './ui.less';

class ICarousel extends Component {
	render(){
		return(
			<Fragment>
			<Card title="文字背景轮播" className="card-wrap">
					<Carousel autoplay>
					    <div>
					        <h3>1</h3>
					    </div>
					    <div>
					        <h3>2</h3>
					    </div>
					    <div>
					        <h3>3</h3>
					    </div>
					    <div>
					        <h3>4</h3>
					    </div>
					</Carousel>
				</Card>
				<Card title="图片背景轮播" className="card-wrap slider-wrap">
					<Carousel autoplay>
					    <div>
					        <img src="/carousel-img/carousel-1.jpg" alt="" />
					    </div>
					    <div>
					        <img src="/carousel-img/carousel-2.jpg" alt="" />
					    </div>
					    <div>
					        <img src="/carousel-img/carousel-3.jpg" alt="" />
					    </div>
					</Carousel>
				</Card>
			</Fragment>
		)
	}
}

export default ICarousel;